<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Enjoy Learning</title>
    <link href="css/main-gm.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.inputfocus-0.9.min.js"></script>
    <script type="text/javascript" src="js/jquery.main.js"></script>
</head>

<body>
<div id="main">
  <div id="container">
        <div id="game_head">
        	<h1>Geschiedenis</h1>
            
        </div>
        <div id="content_gd">
            <div id="game">
            
                <form action="#" method="post">
                   <!-- #first_step -->
                   <div id="first_step">
                       <h2>Anne Frank</h2>
                		
                       <div class="form">
                           
                           <input type="text" name="0" id="quest0" value="" />
                           <label for="quest1">Hoe heet de zus van Anne Frank?</label>
                           
                           
                           <input type="text" name="1" id="quest1" value="" />
                           <label for="quest2">Wat nam Anne Frank mee nadat haar familie besloot zich te verbergen?</label>
                           
                           <input type="text" name="2" id="quest2" value="" />
                           <label for="quest3">Wat deed Anne Frank dagelijks?</label>
                           
                       </div><!-- clearfix --><div class="clear"></div><!-- /clearfix -->

	                       <div class="back"><a href="quiz-index.htm"></a></div>
                           <input class="submit" type="submit" name="submit_first" id="submit_first" value="" />
                   </div>      <!-- clearfix --><div class="clear"></div><!-- /clearfix -->
                
                   <!-- #second_step -->
                   <div id="second_step">
                       <h2>Anne Frank</h2>
                
                       <div class="form">
                           <input type="text" name="3" id="quest3" value="" />
                           <label for="quest4">Waar verstopte de familie van Anne Frank zich? </label>
                           
                           <input type="text" name="4" id="quest4" value="" />
                           <label for="quest5">Waar werden de joden naar toe gebracht?</label>
                       </div>      <!-- clearfix --><div class="clear"></div><!-- /clearfix -->
                       
                       <div class="back"><a href="#first_step"></a></div>
                       <input class="submit" type="submit" name="submit_second" id="submit_second" value="" />
                   </div>      <!-- clearfix --><div class="clear"></div><!-- /clearfix -->
                
                
                   <!-- #third_step -->
                   <div id="third_step">
                       <h2>Anne Frank</h2>
                
                       <div class="form">
                           <select id="quest5" name="5">
                               <option>----</option>
                               <option value="1820-1840">1820-1840</option>
                               <option value="1935-1939">1935-1939</option>
                               <option value="1937-1940">1937-1940</option>
                               <option value="1940-1945">1940-1945</option>
                               <option value="1950-1965">1950-1965</option>
                           </select>
                           <label for="quest5">In welk jaar werd Nederland bezet door de duitsers?</label> <!-- clearfix --><div class="clear"></div><!-- /clearfix -->
                
                           <select id="quest6" name="6">
                               <option>geen</option>
                               <option value="1">1</option>
                               <option value="2">2</option>
                               <option value="3">3</option>
                               <option value="4">4</option>
                               <option value="5">5</option>
                           </select>
                           <label for="broerzus">Hoeveel broers/zussen heeft Anne Frank</label> <!-- clearfix --><div class="clear"></div><!-- /clearfix -->
                
                           <select id="quest7" name="7">
                               <option>----</option>
                               <option value="Nederland">Nederland</option>
                               <option value="Duitsland">Duitsland</option>
                               <option value="Spanje">Spanje</option>
                               <option value="Frankrijk">Frankrijk</option>
                               <option value="Japan">Japan</option>
                           </select>
                           <label for="quest7">Door welk land was Nederland bezet?</label> <!-- clearfix --><div class="clear"></div><!-- /clearfix -->
                
                       </div><!-- clearfix --><div class="clear"></div><!-- /clearfix -->
                       <input class="submit" type="submit" name="submit_third" id="submit_third" value="" />
                
                   </div><!-- clearfix --><div class="clear"></div><!-- /clearfix -->
                
                   <!-- #fourth_step -->
                   <div id="fourth_step">
                       <h2>Anne Frank</h2>
                
                       <div class="form">
                       	   <div id="starresult">
                           		<h2>Gefeliciteerd !!</h2>
                              <p class="verdienste"></p>
                            </div>
                           <h2 style="text-align:left">Resultaat</h2>
                           
                           <table>
                               <tr><td>Anne's zus:</td><td></td></tr>
                               <tr><td>Anne nam mee:</td><td></td></tr>
                               <tr><td>Anne was dagelijks bezig met:</td></td><td></td></tr>
                               <tr><td>De familie verstopte zich:</td><td></td></tr>
                               <tr><td>De joden werden gebracht naar:</td><td></td></tr>
                               <tr><td>De bezetting vond plaats in:</td><td></td></tr>
                               <tr><td>Aantal boers/zussen:</td><td></td></tr>
                               <tr><td>Nederland was bezet door:</td><td></td></tr>
                           </table>
                       </div>      <!-- clearfix --><div class="clear"></div><!-- /clearfix -->
						<input class="send submit" type="submit" name="submit_fourth" id="submit_fourth" value="" />                       
                   </div><!-- clearfix --><div class="clear"></div><!-- /clearfix -->                 
                </form>
            </div>
            <div id="progress_bar">
                <div id="progress"></div>
                <div id="progress_text">0% Voltooid</div>
            </div>
            
            <div class="clear"></div>
        </div><!-- end content_gd-->
    </div>	
    <div class="clear"></div>
	<div id="footer">Copyright &copy; 2012 Enjoy Learning</div>
</div>
</body>
</html>